.home-page {
    position: relative;
    height: 100%;
    width: 100%;
    background: url('./img/bg.png') no-repeat;
    background-size: 100% 100%;

    .bg2 {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        // img{
        //     width: 100%;
        //     height: 100%;
        // }
    }

    .content {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 10;

        .top-img {
            margin: 0 auto;
        }

        .ren-box {
        
            animation: float 2.5s ease-in-out infinite;
            img{
                width: 865px;
            }
        }   

        .icon-1,
        .icon-2,
        .icon-3,
        .icon-4 {
            animation: float 2.5s ease-in-out infinite;
        }

        .icon-1 {
            animation-delay: 0.5s;
        }

        .icon-2 {
            animation-delay: 1s;
        }

        .icon-3 {
            animation-delay: 1.5s;
        }

        .icon-4 {
            animation-delay: 2s;
        }

        @keyframes float {

            0%,
            100% {
                transform: translateY(0);
            }

            50% {
                transform: translateY(-40px);
                /* 向上移动20px */
            }
        }

        .btn {
            position: absolute;
            top: 1520px;
            left: 50%;
            transform: translate(-50%, 0);
            margin: 0 auto;
        }
    }
}